<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:pou="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">

    <!-- @name: Estandares -->
    <!-- @descrption: Interfaz para el mantenimiento de los estandares de despacho de producto afluencia baja y alta -->
    <!-- @autor: Bryan, Alexandra -->
    <h:head>
        <title>Estandares de Productos</title>
    </h:head>
    <h:body >
        <ui:composition template="/template_administrador/commonLayout.xhtml">

            <ui:define name="titulo">
                <h:outputText value="GESTIONAR USUARIO"/>
            </ui:define>     
            <ui:define name="contenido_ui">
                <h:form id="form" > 
                    <pou:growl id="messages" />  
                    <pou:tabView id="tabView">  

                        <pou:tab id="tab1" title="Agregar">                              
                            <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="2" cellpadding="10">
                                <h:outputLabel  value="Nombre Usuario:" />
                                <pou:inputText/>

                                <h:outputLabel  value="Tipo:" />
                                <pou:selectOneMenu>
                                    <f:selectItem itemLabel="-----------------------"/>
                                </pou:selectOneMenu>
                                
                                <h:outputLabel  value="ID:" />
                                <pou:inputText/>
                                
                                <h:outputLabel  value="Contraseña:" />
                                <pou:inputText/>

                                <h:outputLabel  value="Fecha:" />
                                <script type="text/javascript" src="../../resources/js/jquery.jclock.js"></script>

                                <script type="text/javascript">
                                    $(function($) {
                                        var options = {
                                            format: '%d/%m/%Y %H:%M:%S'
                                        }
                                        $('#jclock').jclock(options);
                                    
                                    });
                                </script>
                                <span id="jclock" ></span>                                

                            </h:panelGrid>

                            <pou:button value="Agregar" 
                                        style="margin-top:20px; margin-left: 6%" href="agregar_productos.xhtml" /> 

                        </pou:tab>

                        <pou:tab id="tab2" title="Actualizar">  

                            <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="2" cellpadding="5">

                                <pou:columnGroup>
                                    <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="1" cellpadding="10">
                                        <h:outputLabel  value="Usuario:" />
                                        <pou:selectOneListbox style="height:100px;width:150px" >  
                                            <f:selectItem itemLabel="Usuario 1" itemValue="1" />  
                                            <f:selectItem itemLabel="Usuario 2" itemValue="2" />  
                                            <f:selectItem itemLabel="Usuario 3" itemValue="3" />
                                        </pou:selectOneListbox>
                                        <pou:button value="Actualizar"/>
                                    </h:panelGrid>
                                </pou:columnGroup>

                                <pou:columnGroup>
                                    <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="2" cellpadding="10">
                                        <h:outputLabel  value="Nombre Usuario:" />
                                        <pou:inputText/>

                                        <h:outputLabel  value="Tipo:" />
                                        <pou:selectOneMenu>
                                            <f:selectItem itemLabel="-----------------------"/>
                                        </pou:selectOneMenu>

                                        <h:outputLabel  value="ID:" />
                                        <pou:inputText/>

                                        <h:outputLabel  value="Contraseña:" />
                                        <pou:inputText/>
                                    </h:panelGrid>
                                </pou:columnGroup>


                            </h:panelGrid>


                        </pou:tab>

                        <pou:tab id="tab3" title="Suspender">  
                            
                            <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="2" cellpadding="5">

                                <pou:columnGroup>
                                    <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="1" cellpadding="10">
                                        <h:outputLabel  value="Usuario:" />
                                        <pou:selectOneListbox style="height:100px;width:150px" >  
                                            <f:selectItem itemLabel="Usuario 1" itemValue="1" />  
                                            <f:selectItem itemLabel="Usuario 2" itemValue="2" />  
                                            <f:selectItem itemLabel="Usuario 3" itemValue="3" />
                                        </pou:selectOneListbox>
                                        <pou:button value="Suspender"/>
                                    </h:panelGrid>
                                </pou:columnGroup>

                                <pou:columnGroup>
                                    <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="2" cellpadding="10">
                                        <h:outputLabel  value="Nombre Usuario: " />
                                        <pou:inputText disabled="true"/>

                                        <h:outputLabel  value="Tipo:" />
                                        <pou:inputText disabled="true"/>

                                        <h:outputLabel  value="ID:" />
                                        <pou:inputText disabled="true"/>

                                    </h:panelGrid>
                                </pou:columnGroup>


                            </h:panelGrid>

                        </pou:tab>
                    </pou:tabView>
                </h:form> 
            </ui:define>
        </ui:composition>
    </h:body>
</html>